﻿<%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>奢华度假指南，境外旅行指南-禅境旅行</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="禅境旅行，旅行指南，清迈，马尔代夫，毛里求斯，巴厘岛，曼谷，摩纳哥，蒙特卡洛，法国，泰国，布拉格，迪拜，瑞士" />
<meta name="description"
	content="奢华旅行度假指南-禅境旅行从奢华度假的角度为旅行者推荐境外最受欢迎的旅行地-介绍当地最好的度假酒店，最棒的餐厅，以及当地特色非去不可的的旅行体验。" />
<%@include file="/ui/portal/commonjscss.jsp"%>
</head>
<body>
	<div class="page">
		<c:set var="renderView" value="3" scope="page"></c:set>
		<%@include file="/ui/portal/head.jsp"%>
		<div class="hotel-destination">
			<script language="javascript" type="text/javascript">
				jQuery.noConflict();
				var j$ = jQuery;
			</script>
			<div id="mainContentInsideMap">
				<div id="mainContentMainInside">
					<div id="map-module-container">
						<div id="map-container" style="display: block;">
							<div id="map">
								<img id="transparent-map"
									src="${cpath}/resources/portal/img/maps/transparent.gif"
									border="0" alt="" usemap="#region-map-view"> <img
									id="world-map"
									src="${cpath}/resources/portal/img/maps/world_full.png">
										<map name="region-map-view" id="region-map-view">
											<area id="northam" shape="poly" href="javascript:void(0)"
												alt="" data-hover="286:238:-1:36" data-zoom="464:230:8:-34"
												data-xoffset="432.6" data-yoffset="275.6659"
												coords=" 404,18, 362,8, 262,13, 220,19, 149,44, 135,69, 118,75, 68,66, 49,76, 46,91, 49,99, 64,123, 89,109, 120,113, 145,145, 145,169, 160,191, 176,210, 186,224, 209,236, 216,234, 224,241, 226,233, 232,230, 244,235, 247,248, 269,240, 289,251, 297,256, 299,244, 250,207, 244,205, 242,192, 256,182, 254,173, 270,164, 278,157, 292,156, 304,141, 326,106, 352,85, 378,71, 389,48, 407,20"
												alt="purple hotspot" />
											<area id="europe" shape="poly" alt="Europe"
												href="javascript:void(0)" data-hover="225:169:21:370"
												data-xoffset="431.4" data-xfactor="2.3398"
												data-yoffset="287.665899" data-yfactor="-2.9698"
												data-zoom="203:102:113:369"
												coords=" 380,87, 382,96, 409,100, 417,118, 409,133, 430,139, 419,143, 431,152, 427,159, 411,160, 409,174, 418,180, 434,173, 440,163, 456,161, 459,169, 461,178, 486,179, 486,167, 496,178, 511,182, 530,176, 541,170, 543,161, 544,153, 543,137, 555,132, 572,139, 577,126, 579,109, 586,95, 583,72, 572,69, 561,60, 589,43, 596,39, 587,38, 571,45, 548,62, 535,72, 525,78, 501,66, 480,71, 463,81, 457,92, 446,99, 446,111, 452,127, 441,131, 435,128, 423,108, 403,90, 399,81, 383,88" />
											<area id="africa" shape="poly" alt="Middle East and Africa"
												href="javascript:void(0)" data-zoom="346:185:185:305"
												data-hover="232:221:149:388" data-xoffset="381.627"
												data-xfactor="3.851" data-yoffset="272.385"
												data-yfactor="-2.710"
												coords="378,222, 391,240, 412,264, 442,259, 454,271, 464,304, 458,324, 475,366, 494,365, 509,349, 511,326, 525,315, 535,320, 535,338, 541,337, 548,313, 543,306, 536,317, 524,315, 520,293, 540,270, 550,249, 550,244, 536,250, 532,242, 562,226, 570,216, 560,210, 582,210, 593,216, 597,209, 594,203, 609,188, 610,182, 605,174, 604,170, 618,161, 597,160, 591,167, 585,159, 572,159, 566,154, 564,162, 555,163, 544,155, 545,170, 535,172, 529,178, 514,179, 508,195, 485,191, 478,195, 455,190, 456,177, 441,180, 417,184, 404,199, 379,220"
												alt="yellow hotspot" />
											<area id="australia" shape="poly" alt="Australia"
												href="javascript:void(0)" data-zoom="260:128:285:635"
												data-hover="207:105:303:653"
												coords="690,335, 700,367, 733,359, 744,365, 772,392, 824,403, 849,376, 785,337, 770,313, 765,305, 756,320, 747,313, 744,306, 730,312, 724,314, 713,325, 692,335" />
											<area id="asia" shape="poly" alt="Asia-Pacific"
												href="javascript:void(0)" data-zoom="343:170:147:538"
												data-hover="382:285:18:494" data-xoffset="429.599"
												data-xfactor="2.329899" data-yoffset="275.6659"
												data-yfactor="-2.6699"
												coords="618,260, 618,237, 638,219, 660,239, 654,261, 673,292, 739,303, 784,301, 785,286, 766,281, 739,278, 726,254, 717,240, 719,219, 717,198, 717,180, 724,176, 727,188, 751,188, 765,173, 764,131, 747,125, 762,110, 788,110, 797,139, 827,105, 867,86, 853,64, 755,44, 712,52, 657,19, 648,21, 665,37, 621,55, 602,57, 596,58, 589,65, 584,73, 584,91, 574,106, 578,126, 570,136, 554,133, 541,139, 546,154, 559,166, 570,155, 593,171, 598,158, 619,165, 607,172, 614,187, 599,205, 597,218, 604,240, 617,263" />

											<area id="southam" shape="poly"
												alt="South and Central America" href="javascript:void(0)"
												data-zoom="262:132:262:165" data-hover="142:207:225:213"
												data-xoffset="431.5"
												coords=" 280,430, 270,428, 266,421, 260,413, 260,383, 266,325, 257,316, 242,291, 245,279, 252,266, 252,259, 244,254, 233,251, 231,246, 224,238, 227,231, 239,237, 238,246, 247,253, 255,253, 267,240, 298,260, 310,262, 314,277, 339,284, 349,292, 349,302, 340,311, 333,336, 319,339, 319,351, 306,365, 299,367, 300,374, 286,385, 283,388, 277,397, 276,414, 281,429" />
										</map> <a id="zoom-out-link" href="javascript:void(0)"
										style="text-transform: lowercase; display: none;">返回</a>
							</div>
						</div>
						<div id="location-links" style="display: none;">
							<table>
								<tbody>
									<c:forEach var="continent" items="${destMap }">
										<c:forEach var="country" items="${continent.countrys }">
											<tr>
												<th>${country.countryName }</th>
												<td>
													<ul>
														<c:forEach var="dest" items="${country.dests }">
															<li><c:choose>
																	<c:when test="${!empty dest.source}">
																		<a data-lat="${dest.lat }"
																			data-lng="${dest.lng }" data-subtitle=""
																			data-address="" data-city-state-zip="" data-phone=""
																			data-fax="" data-color="green"
																			title="${dest.name}"
																			data-image="${image_domain }${dest.source}${dest.small}"
																			href="${cpath}/destination/${dest.destId}">
																			${dest.name} </a>
																	</c:when>
																	<c:otherwise>
																		<a data-lat="${dest.lat }"
																			data-lng="${dest.lng }"
																			data-subtitle="即将推出，敬请期待！" data-address=""
																			data-city-state-zip="" data-phone="" data-fax=""
																			data-color="green" title="${dest.name}"
																			data-image=""
																			href="${cpath}/destination/${dest.destId}">
																			${dest.name}
																	</c:otherwise>
																</c:choose> </a></li>
														</c:forEach>
													</ul></td>
											</tr>
										</c:forEach>
									</c:forEach>
								</tbody>
							</table>
						</div>
						<!-- location-links -->
						<!-- map -->
						<script type='text/javascript'
							src='${cpath}/resources/portal/js/map/jquery.qtip-1.0.0-rc3.js?ver=8.7.1.2'></script>
						<script type='text/javascript'>
							mapBaseImg = '${cpath}/resources/portal/img/maps/world_full.png'; //Change for language
							//language   = 'zh-cn';
							contextPath = "${cpath}";
							/*
							function forbidenDest(ele){
								var parent = ele.parent().parent();
								parent.html('<b>即将推出，敬请期待</b>!');
							}*/
						</script>
						<script type='text/javascript'
							src='${cpath}/resources/portal/js/map/map.js?ver=8.7.1.2'></script>
						<script type='text/javascript'
							src='${cpath}/resources/portal/js/map/region.js?ver=8.7.1.2'></script>
						<script type='text/javascript'
							src='${cpath}/resources/portal/js/map/point.js?ver=8.7.1.2'></script>
						<script type='text/javascript'
							src='${cpath}/resources/portal/js/map/dialog.js?ver=8.7.1.2'></script>
						<script type="text/javascript">
							j$(function() { /* Locations Map */
								window.map = new Map({
									zoomSpeed : 500,
									afterInit : function() {
										j$('#map-breadcrumbs').find('li.first')
												.bind('click', function() {
													if (map.activeRegion) {
														map.zoomOut();
													}
												}); //bind
									}, //after init
									language : 'zh-cn'
								}); //window.map
							}); //jfun
						</script>
						<script type="text/javascript">
							j$('#location-links').hide();
						</script>
						<div id="modal-container">
							<div class="modal text dark">
								<div class="modal-image-holderXjg">
									<a href="" class="modal-image-holder" target="_self"> <img
										border="0" class="modal-image" src="">
									</a>
								</div>
								<div class="modal-info">
									<div class="modal-name caps dark">达拉斯</div>
									<!-- Name -->
									<div class="modal-subtitle"></div>
									<div class="modal-link-holder">
										<a class="modal-link" href="" target="_self">访问该目的地</a>
										<!-- Hotel page Link -->
										<span class="modal-bull" style="display: inline;">&nbsp;•&nbsp;</span>
										<a class="modal-direx" href="" style="display: inline;">
											查看互动地图</a>
										<!-- Hotel direx -->
									</div>
								</div>
							</div>
						</div>
						<!-- /modal-container -->
					</div>
					<!-- /map-module-container -->
				</div>
				<!-- /mainContentMain -->
			</div>
		</div>
		<div id="container" class="container margin10">
			<div class="select-country">
				<c:forEach var="continent" items="${destMap }">
					<div class="bg000">${continent.continentName }</div>
					<div class="bg333333">
						<div class="city-content">
							<table border="0" cellpadding="0" cellspacing="0" width="1000">
								<c:set var="size" value="${fn:length(continent.countrys)}"></c:set>
								<c:forEach var="country" items="${continent.countrys }"
									varStatus="status">

									<c:if test="${status.count==1||(status.count-1)%4==0}">
										<tr>
									</c:if>
									<td width="245">
										<div class="cityinfo">
											<div class="citytitle bgTitle">${country.countryName }</div>
											<ul>

												<c:forEach var="dest" items="${country.dests}">
													<li class="smallTitle"><a
														href="${cpath}/destination/${dest.destId}">${dest.name}</a>
													</li>
												</c:forEach>
											</ul>
										</div></td>
									<c:if test="${status.count==size and status.count%4 != 0 }">
										<c:set var="remainCount" value="${ 4 - status.count%4 }"></c:set>
										<c:forEach begin="1" end="${remainCount }">
											<td width="245"></td>
										</c:forEach>
									</c:if>
									<c:if test="${status.count%4==0||status.count==size}">
										</tr>
									</c:if>
								</c:forEach>
							</table>
						</div>
						<div class="clear1"></div>
					</div>
				</c:forEach>
			</div>
		</div>
		<%@include file="/ui/portal/footer.jsp"%>
	</div>
</body>
</html>
